<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8" />
<title>Mobifluence Interactive :: Enterprise and Mobile software
	solutions</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- Company Info -->
<meta name="description"
	content="Mobile applications , Enterprise application development" />
<meta name="keywords"
	content="Android development, iphone development, enterprise applications, mobile application development, mobile applications, java applications, blackberry application development">
<meta name="author" content="mobifluence.com" />

<!-- Mobile specific meta tag -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1">

<!-- Bootstrap CSS -->
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/responsive.css" rel="stylesheet" />

<!-- Custom style -->
<link href="css/theme-style.css" rel="stylesheet" />

<!-- For IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="js/html5.js"></script>
<![endif]-->

<!-- favourite icon -->
<link rel="icon" 
      type="image/png" 
      href="img/icon.png"/>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body class="page page-starter">
	<div id="navigation" class="wrapper">
		<!--Branding & Navigation Region-->

		<div class="navbar navbar-static-top">

			<!--Hidden Header Region-->
			<div class="header-hidden">
				<div class="header-hidden-inner container">
					<div class="row-fluid">
						<div class="span4">
							<h3>About Us</h3>
							<p>Text about Company</p>
							<a href="about.html" class="btn btn-mini btn-inverse">Find
								out more</a>
						</div>
						<div class="span4">
							<!-- replace with company contact details-->
							<h3>Contact Us</h3>
							<address>
								<p>
									<abbr title="Phone"><i class="icon-phone"></i></abbr>
									0000000000
								</p>
								<p>
									<abbr title="Email"><i class="icon-envelope"></i></abbr>
									info@xxxxx.com
								</p>
								<p>
									<abbr title="Address"><i class="icon-home"></i></abbr> Address
									Comes Here.
								</p>
							</address>
						</div>
						<div class="span3">
							<!-- Add any important Info-->

						</div>
					</div>
				</div>
			</div>

			<!--Header & Branding region-->
			<div class="header wrapper bg">
				<div class="header-inner container">
					<div class="row-fluid">
						<div class="span6">
							<!--branding/logo-->
							<a class="brand" href="index.html" title="Home"><img
								src="img/logo.png" width="227" height="68"></a>
						</div>

						<!--header rightside-->
						<div class="span6">
							<div id="header-hidden-link">
								<a href="#" class="show-hide" title="Click me"
									data-target=".header-hidden"><i></i>Open</a>
							</div>

							<!--social media icons-->
							<div class="top-nav pull-right">
								<ul>
									<li><a href="#">Blog</a></li>
									<li><a href="#">Careers</a></li>
									<li><a href="#">Wiki</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="menu-wrapper">
				<div class="container">
					<div class="navbar-inner">

						<!--mobile collapse menu button-->
						<a class="btn btn-navbar pull-left" data-toggle="collapse"
							data-target=".nav-collapse"> <span class="icon-bar"></span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
						</a>

						<!--user menu-->
						<ul class="nav user-menu pull-right">
							<li>
								<div class="search-expand search-props">
									<input class="points search-field search-input" type="text"
										value="search" startVal="search" />
								</div>
							</li>
						</ul>

						<!--everything within this div is collapsed on mobile-->
						<div class="nav-collapse collapse">

							<!--main navigation-->
							<ul class="nav" id="main-menu">
								<li class="home-link"><a href="index.html"><i
										class="icon-home hidden-phone"></i><span class="visible-phone">Home</span></a></li>


								<!--<li><a href="#" class="menu-item">test</a></li>-->

								<li class="dropdown active"><a href="#"
									class="dropdown-toggle" id="about-drop" data-toggle="dropdown">Services
										+</a> <!-- Dropdown Menu -->
									<ul class="dropdown-menu" role="menu"
										aria-labelledby="about-drop">
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Mobility Solutions</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Enterprise Solutions</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Testing &amp; Certification</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Consulting</a></li>
									</ul></li>

								<li class="dropdown"><a href="#" class="dropdown-toggle"
									id="about-drop" data-toggle="dropdown">Products +</a> <!-- Dropdown Menu -->
									<ul class="dropdown-menu" role="menu"
										aria-labelledby="about-drop">
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Appaddle &trade;</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">RAGE &trade; Toolbox</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">MobiSmart &trade;</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Product Support</a></li>
									</ul></li>

								<li class="dropdown"><a href="#" class="dropdown-toggle"
									id="about-drop" data-toggle="dropdown">Why Mobifluence +</a> <!-- Dropdown Menu -->
									<ul class="dropdown-menu" role="menu"
										aria-labelledby="about-drop">
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Advantages</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Customers</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Testimonials</a></li>
									</ul></li>


								<li class="dropdown"><a href="#" class="dropdown-toggle"
									id="about-drop" data-toggle="dropdown">About +</a> <!-- Dropdown Menu -->
									<ul class="dropdown-menu" role="menu"
										aria-labelledby="about-drop">
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Our Team</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Careers</a></li>
										<li role="menuitem"><a href="#" tabindex="-1"
											class="menu-item">Contact Us</a></li>
									</ul></li>

							</ul>
						</div>
						<!--/.nav-collapse -->
					</div>
				</div>

			</div>

		</div>
	</div>


	<div id="content" class="demos">
		<div class="container">
			<h2 class="title-divider">
				<span>Demo Page Set up</span>
			</h2>

			<!--@EXAMPLE: Content Region With No Sidebars-->
			<h3 class="title-divider">
				<span>Example 1: <span class="de-em">Content Region
						With No Sidebars</span></span>
			</h3>
			<div class="row">
				<div class="span12">Content Region With No Sidebars</div>
			</div>
			<!--@EXAMPLE: End of Content Region With No Sidebars-->

			<hr />

			<!--@EXAMPLE: Content Region With Left Sidebar-->
			<h3 class="title-divider">
				<span>Example 2: <span class="de-em">Content Region
						With Left Sidebar</span></span>
			</h3>
			<div class="row">
				<!--Sidebar-->
				<div class="span3 sidebar sidebar-left">
					<div class="inner">Sidebar</div>
				</div>

				<!--Content Area-->
				<div class="span9">Content Region With Left Sidebar</div>
			</div>
			<!--@EXAMPLE: Content Region With Left Sidebar-->

			<hr />

			<!--@EXAMPLE: Content Region With Right Sidebar-->
			<h3 class="title-divider">
				<span>Example 3: <span class="de-em">Content Region
						With Right Sidebar</span></span>
			</h3>
			<div class="row">
				<!--Content Area-->
				<div class="span9">Content Region With Right Sidebar</div>

				<!--Sidebar-->
				<div class="span3 sidebar sidebar-right">
					<div class="inner">Sidebar</div>
				</div>
			</div>
			<!--@EXAMPLE: Content Region With Right Sidebar-->

			<hr />

			<!--@EXAMPLE: Content Region With Both Sidebars-->
			<h3 class="title-divider">
				<span>Example 4: <span class="de-em">Content Region
						With Both Sidebars (left -> content -> Right)</span></span>
			</h3>
			<div class="row">
				<!--Sidebar Left-->
				<div class="span3 sidebar sidebar-left">
					<div class="inner">Sidebar Left</div>
				</div>

				<!--Content Area-->
				<div class="span6">Content Region With Both Sidebars</div>

				<!--Sidebar Right-->
				<div class="span3 sidebar sidebar-right">
					<div class="inner">Sidebar Right</div>
				</div>
			</div>
			<!--@EXAMPLE: End of Content Region With Both Sidebars-->

			<hr />

			<!--@EXAMPLE: Content Region With Both Sidebars Stacked-->
			<h3 class="title-divider">
				<span>Example 5: <span class="de-em">Content Region
						With Both Sidebars Stacked (content -> sidebar 1 -> sidebar 2)</span></span>
			</h3>
			<div class="row">
				<!--Content Area-->
				<div class="span6">Content Region With Both Sidebars Stacked</div>

				<!--Sidebar Left-->
				<div class="span3 sidebar sidebar-right">
					<div class="inner">Sidebar 1</div>
				</div>

				<!--Sidebar Right-->
				<div class="span3 sidebar sidebar-right">
					<div class="inner">Sidebar 1</div>
				</div>
			</div>
			<!--@EXAMPLE: End of Content Region With Both Sidebars Stacked-->

		</div>
	</div>
	<div id="content-below" class="wrapper">
		<div class="container">
			<!--Content Below Region-->

		</div>
	</div>
	</div>

	<!-- FOOTER -->
	<footer id="footer">
		<div class="container">
			<div class="row">
				<div class="span3 col">
					<div class="block">
						<span class="left"> <a href="#"><img
								src="img/logo-footer.png" width="97" height="29"></a>
							<p>Copyright &copy; 2013 All rights reserved</p>
							<br>
						<br>
						<br>
							<p>Mobifluence Interactive LLC, USA. Mobifluence Interactive
								&copy;, India.</p>
						</span>
					</div>
				</div>
				<div class="span3 col">
					<div class="block">

						<span class="right">
							<h5>Social Media</h5>
							<ul>
								<li><a href="#"><img src="img/blog.png" width="16"
										height="16" alt="Blog">Blog</a></li>
								<li><a href="#"><img src="img/twitter.png" width="16"
										height="16" alt="Twitter">Twitter</a></li>
								<li><a href="#"><img src="img/facebook.png" width="16"
										height="16" alt="Facebook">Facebook</a></li>
								<li><a href="#"><img src="img/google.png" width="16"
										height="16" alt="Google+">Google+</a></li>
							</ul>
						</span>

					</div>
				</div>
				<div class="span3 col">
					<div class="block">


						<span class="right">
							<h5>Recommend Us</h5>
							<ul>
								<li><a href="#">Twitter</a></li>
								<li><a href="#">Facebook</a></li>
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
							</ul>
						</span>

					</div>
				</div>
				<div class="span3 col">
					<div class="block">

						<span class="right">
							<h5>Reference</h5>
							<ul>
								<li><a href="#">Privacy Policy</a></li>
								<li><a href="#">Terms of Service</a></li>
								<li><a href="#">Contact Us</a></li>
								<li><a href="#">Team</a></li>
								<li><a href="#">Careers</a></li>
							</ul>
						</span>

					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div id="toplink">
					<a href="#top" class="top-link" title="Back to top">Back To Top
						<i class="icon-chevron-up"></i>
					</a>
				</div>
				<!--@todo: replace with company copyright details-->
				<div class="subfooter"></div>
			</div>
		</div>
	</footer>

	<!--Scripts -->
	<script src="js/jquery.js"></script>
	<!-- @todo: remove unused Javascript for better performance -->
	<script src="js/bootstrap-transition.js"></script>
	<script src="js/bootstrap-dropdown.js"></script>
	<script src="js/bootstrap-tooltip.js"></script>
	<script src="js/bootstrap-popover.js"></script>
	<script src="js/bootstrap-collapse.js"></script>
	<!--Non-Bootstrap JS-->
	<!--Custom scripts mainly used to trigger libraries -->
	<script src="js/script.js"></script>
</body>
</html>